<template>
  <div class="app-container org">
    <!-- 左侧区域 -->
    <el-card style="width: 100%">
      <el-tabs v-model="activityName" class="demo-tabs">
        <el-tab-pane label="方案列表" name="first">
            <falb v-if="activityName == 'first'" @toId="toId"/>
        </el-tab-pane>
        <el-tab-pane label="方案详情" name="second" :disabled="!projectId">
            <faxq v-if="activityName == 'second'" :projectId="projectId"/>
        </el-tab-pane>
        <el-tab-pane label="样品详情" name="three" :disabled="!projectId">
            <ypxq v-if="activityName == 'three'" :projectId="projectId"/>
        </el-tab-pane>
        <el-tab-pane label="质控准备" name="four" :disabled="!projectId">
            <zkzb v-if="activityName == 'four'" :projectId="projectId"/>
        </el-tab-pane>
        <el-tab-pane label="仪器准备" name="five" :disabled="!projectId">
            <yqzb v-if="activityName == 'five'" :projectId="projectId"/>
        </el-tab-pane>
        <el-tab-pane label="容器准备" name="six" :disabled="!projectId">
            <rqzb v-if="activityName == 'six'" :projectId="projectId"/>
        </el-tab-pane>
        <el-tab-pane label="固定剂准备" name="seven" :disabled="!projectId">
            <gdjzb v-if="activityName == 'seven'" :projectId="projectId"/>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script setup name="CyReady">
import falb from "./components/falb.vue";
import faxq from "./components/faxq.vue";
import ypxq from "./components/ypxq.vue";
import zkzb from "./components/zkzb.vue";
import yqzb from "./components/yqzb.vue";
import rqzb from "./components/rqzb.vue";
import gdjzb from "./components/gdjzb.vue";

const activityName = ref("first")
const projectId = ref()

function toId(val) {
  if (val) {
    activityName.value = "second"
  }
  projectId.value = val
}
</script>

<style>

</style>